Self Project: Web App Boilerplate

Recently I started to work on a small project, it’s boilerplates of a web app that generally try to fulfil needs of regular web apps, the apps are built with Svelte and Carbon Components for the front-end side, and Go for the back-end one (with PostgreSQL as the DB, but can be changed if needed).
Check the repose here, front-end, back-end.

# Front-end:
✅ Generate simple data table list
✅ Generate simple form (includes CRUD and search)
✅ Dynamic side bar

# Back-end:
✅ Generate services (simple CRUD)
✅ Query parameter builder module
✅ Sign-in module (with JWT authentication system)
✅ Signed-in user context
✅ Sample of GCP bucket integration (file module)

Sample of pages

📌 Generated data table list

📌 Generated Form

Accessing the API’s endpoints

Its router will be /api/v1/..., if simple SimpleGetAll method of behavior is used you could use this query parameter builder, such as these sample below:

# Searching

query: criteria
format: propName:value
e.g: ?criteria=name:lawrence,address:miami
will produce ... WHERE name ~*'lawrence' AND address ~*'miami'

# Searching with exact comparison
Used when you need to search data with exact value of prop

query: criteria
format: propName(exact):value
e.g: ?criteria=name(exact):lawrence,address:miami
will produce ... WHERE name = 'lawrence' AND address ~*'miami'

# Sorting
For ordering data purpose

query: sort
format: propName:sortType
e.g: sort=created_date:desc,name:asc
will produce ... ORDER BY created_date DESC, name ASC

# Pagination
The dafault pagination is page 1 and limit 10

query: page
format: currentPage:sizePerPage
e.g: page=5:15
will produce ... OFSET 60 LIMIT 15

…

This project is still on progress, yet you can use the existing features. I’ll improve the features further more and add new ones as well, the future updates will be posted in this article.
You can also report any bug, ask to be a contributor or suggest me any thought about this project by sending an email to me at uhkrowi@gmail.com.

Cheers! 🍻